<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorate="~{/layout/layout}">
<head>
    <title>电影列表</title>
</head>

<body>
<!--body部分-->
<div class="container" layout:fragment="content">
    <div class="row">
        <div class="col-md-3" th:each="movie:${movies}">

            <div class="card mb-3">
                <a th:href="@{'https://movie.douban.com/subject/'+${movie.imgName}}" target="_blank"> <img
                        class="card-img-top" style="height: 400px" th:src="@{'/poster/'+${movie.imgName}+'.jpg'}"
                        th:alt="${movie.movieName}"> </a>
                <div class="card-body">
                    <h5 class="card-title" th:text="${movie.id +' '+ movie.movieName}">电影名称</h5>
                    <!--                    <p class="card-text" th:text="${movie.creativeStaff}">主创人员信息</p>-->
                    <p class="card-text text-truncate"><small class="text-muted"
                                                              th:text="${movie.qoute}">电影简评</small>
                    </p>
                </div>
            </div>

        </div>
    </div>
</div>
</div>
</body>
</html>